<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>设备管理-服务范围</title>

    <link href="../plugin/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-table-1.11.1/bootstrap-table.min.css" rel="stylesheet"/>
    <link href="../plugin/sweetalert-6.6.2/sweetalert2.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-3.3.7/plugin/file_input/fileinput.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
    <link href="../plugin/jquery-zoomify/zoomify.min.css" rel="stylesheet"/>


    <script src="../plugin/jquery-3.2.1/jquery-3.2.1.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/file_input/fileinput.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/file_input/local_zh.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="../plugin/bootstrap-table-1.11.1/bootstrap-table.js"></script>
    <script src="../plugin/bootstrap-table-1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="../plugin/sweetalert-6.6.2/sweetalert2.min.js"></script>
    <script src="../plugin/jquery-3.2.1/jquery.formautofill.min.js"></script>
    <script src="../plugin/jquery-zoomify/zoomify.min.js"></script>
    <script src="../plugin/soul/utils3.js"></script>
    <script src="../plugin/jquery-3.2.1/jquery.serializejson.js"></script>
    <script src='../js/base.js'></script>
</head>

<body>

<script>
    $(function () {
        var resp = AjaxUtil.isLogin();
        if (!resp) return;
        var module = 'equipmentServe';// 评价模块
        var query = [];
        var toolbar = {
            default: [false, true, true, true],// back;add;edit;remove
            dialog: [50, 2, 9],//对话框参数:模态框宽度(百分比);表单标题宽度;表单输入框宽度
            extra: []
        };
        var formElement = [{
            action: [false, true],
            type: 'hidden', // 表单类型
            name: 'equipmentServeId', // 字段名称
        }, {
            action: [true, true],
            type: 'text',
            label: '服务类型名称',
            name: 'name',
        }, {
            action: [true, true],
            type: 'images',
            label: '服务图标<br><small>210X210</small>',
            name: 'icon',
            module: 'equipmentServe',
            maxCount: 10
        }];

        var bootstrapTable = {
            columns: [{
                radio: true
            }, {
                field: 'equipmentServeId',
                title: '服务类型编号',
                align: 'center',
            }, {
                field: 'icon',
                title: '服务类型图标',
                align: 'center',
                formatter: function (value, row, index) {
                    return BootstrapTableUtil.formatter.image(value, 'equipmentServe', 50)
                },
            }, {
                field: 'name',
                title: '服务类型名称',
                align: 'center',
            }],
        }

        // debugger;
        equipmentServe = SingleTablePageCreateUtil.createInstance(module, null, toolbar, formElement, bootstrapTable);

        equipmentServe.onAddModalShowBefore = function () {
            $('#equipmentServe_modal_add input[name="name"]').val("");
            return true;
        };

        equipmentServe.onEditModalShowBefore = function (row) {
            FileinputUtil.initPreview("#equipmentServe_form_edit_undefined", "equipmentServe", row.icon);
            return row;
        };

    });
</script>
</body>

</html>